<template>
    <ul class="todo-main">
        <MyItem v-for="todoObj in todosLists[listId].todos" :key="todoObj.id" :todo="todoObj" />
        <!-- <h1>{{getTodosLists}}</h1> -->
    </ul>

</template>

<script>
    import MyItem from './MyItem.vue'
    import {mapState,mapGetters,mapMutations,mapActions} from 'vuex'
    export default {
        name:'MyList',
        computed:{
          ...mapState('listAbout',['todosLists','listId']),

        },
        data() {
          return {
            
          }
        },
        components:{MyItem},    
        mounted() {
          // console.log(this.store.state.userId)
        },
    }
</script>

<style scoped>

  /*main*/
.todo-main {
  margin-left: 0px;
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 0px;
}

.todo-empty {
  height: 40px;
  line-height: 40px;
  border: 1px solid #ddd;
  border-radius: 2px;
  padding-left: 5px;
  margin-top: 10px;
}

</style>